import { FormProps, FormItemProp } from 'element-plus'
import { GridResponsivePropsType } from '@xtail/vue3'

export const FormColsResponsivePropsType_Name = 'FormColsResponsivePropsType'

export type FormColsResponsivePropsType = Partial<FormProps> &
  GridResponsivePropsType & {
    // 表单域标签的位置修改为 'top' 的响应式宽度断点，当宽度小于等于该断点时，标签将会置于表单
    // 域的上方，单位为 px，默认为 425
    labelOnTopWidth?: number
    // 任一表单项被校验后触发的回调函数
    validateHandler?: (prop: FormItemProp, isValid: boolean, message: string) => void
  }
